header{
  height: 44px;
  background-color: #232D32;
  .menu{
    margin: 0 -15px;
    ul {
      display: inline-block;
      margin: 0;
      padding: 0;
      li{
        display: inline-block;
        margin: 0;
        padding: 0 20px;
        a {
          text-decoration: none;
          color: #FFFFFF;
          &:hover,&.active {
            color: lighten(#35BDB2, 30%);
          }
        }
      }
    }
    .search {
      display: inline-block;
      margin-left: 50px;
      i.fa{
        font-size: 15px;
        color: white;
      }
      input {
        width: 240px;
        height: 34px;
        margin: 5px 0 5px 5px;
        padding: 0 5px;
        background: #4F575B;
        outline: none;
        border: none;
        border-radius: 3px;
        &:focus {
          background: lighten(#4F575B, 5%);
        }
      }
    }
  }
  .right-menu{
    ul {
      float: right;
      display: inline-block;
      margin: 0;
      padding: 0;
      li{
        display: inline-block;
        margin: 0;
        padding: 0 10px;
        line-height: 44px;
        a {
          text-decoration: none;
          color: #FFFFFF;
          &:hover,&.active {
            color: lighten(#35BDB2, 30%);
          }
        }
      }
    }
    .user{
      a {
        text-decoration: none;
      }
      text-align: right;
      img {
        margin: 4px;
        vertical-align: middle;
        border-radius: 50%;
      }
      span {
        color: white;
        margin: 0 5px;
      }
      i.fa {
        color: white;
      }
    }
  }
}
